﻿* {margin:0;padding:0;}
html, body, button {
    font-family:'Microsoft YaHei', Arial, Verdana, sans-serif;
    font-size:14px;
}
html, body, #app {width:100%;height:100%;background-color:#f1f1f1;}
a {text-decoration:none;}
table {border-collapse:collapse;width:100%;}
ul {list-style:none;}
iframe {width:100%;height:100%;}
input, select, textarea, button {
    font-family:inherit;font-size:inherit;padding:5px;
    width:100%;border:1px solid #c9d8db;outline:none;box-sizing:border-box;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
button {color:#fff;background-color:#009688;cursor:pointer;border:none;}
button:hover {opacity:0.8;filter:alpha(opacity=80);}

/*form*/
.form {padding:10px;}
.form-item {display:inline-block;position:relative;margin-bottom:10px;}
.form-label {display:inline-block;float:left;width:110px;padding:5px 10px;text-align:right;}
.form-input {display:inline-block;position:relative;}
.form-item.icon .fa {
    position:absolute;left:5px;top:8px;z-index:9999;
    width:20px;text-align:center;color:#d2d2d2;
}
.form-item.icon input {display:block;padding-left:25px;}

.error label {color:#d9534f;}
.error input, .error select, .error textarea {border:1px solid #d9534f;}
.required:before {content:'*';color:#f00;padding-right:2px;}

/*Login*/
.login {
    position:absolute;top:50%;left:50%;text-align:center;
    width:360px;height:260px;margin-left:-180px;margin-top:-180px;
    border:1px solid #c9d8db;background-color:#fff;padding:20px;font-size:16px;
    -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.login .form {width:300px;margin:0 auto;}
.login .form-item {width:100%;margin-bottom:20px;}
.login input, .login button {padding:8px;}
.login .form-item.icon .fa {top:12px;}
.copyright {position:absolute;bottom:20px;width:100%;text-align:center;}

/*admin*/
.layout-header {position:absolute;top:0;left:0;right:0;height:40px;}
.layout-scroll {position:absolute;top:30px;left:0;bottom:0;width:180px;overflow-x:hidden;}
.layout-side {position:absolute;top:40px;left:0;bottom:0;width:160px;overflow:hidden;}
.layout-body {position:absolute;top:40px;left:160px;right:0;bottom:0;overflow:hidden;}
.layout-header h1 {display:inline-block;padding-left:10px;}

/*style dark*/
.dark .layout-header {background-color:#03173D;color:#ddd;}
.dark .layout-side {background-color:#393D49;color:#ddd;}